import React from 'react'
import { Button, Input, Form } from 'react-vant';



let Login = (props) => {

  //通过表单验证的回调
  const onFinish = values => {
    //模拟登录 本地换成token = values.username
    localStorage.setItem('token',values.username)
    //跳回到首页
    props.history.push('/home')
  }

  return (
    <div>
      <Form
        onFinish={onFinish}
        footer={
          <div style={{ margin: '16px 16px 0' }}>
            <Button round nativeType='submit' type='primary' block>
              提交
            </Button>
          </div>
        }
      >
        <Form.Item
          rules={[{ required: true, message: '请填写用户名' }]}
          name='username'
          label='用户名'
        >
          <Input placeholder='请输入用户名' />
        </Form.Item>
        <Form.Item
          rules={[{ required: true, message: '请填写密码' }]}
          name='password'
          label='密码'
        >
          <Input placeholder='请输入密码' />
        </Form.Item>
      </Form>
    </div>
  )
}

export default Login



